<!--
 * @Author: feng.gan 675198494@qq.com
 * @Date: 2024-08-02 09:41:52
 * @LastEditors: feng.gan 675198494@qq.com
 * @LastEditTime: 2025-04-24 20:22:25
 * @FilePath: \vue3-demo\src\views\TinymceView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="tinymce-box">
    <Editor v-model="myValue"/>
  </div>
</template>
<style scoped>
.tinymce-box {
  width: 100%;
}
</style>
<script lang="ts" setup>
import tinymce from 'tinymce/tinymce';
import Editor from '@tinymce/tinymce-vue';
import {ref} from 'vue'

const ips = []
for (let i = 0; i < 3000; i++) {
	ips.push('1.1.1.' + i)
}
const myValue = ref(`<span class="asdf">${ips}</span>`)

</script>
